<template>
  <div id="pdfObject-compontent" style="width: 100%;height:600px" />
</template>

<script>
import PDFObject from 'pdfobject'
export default {
  name: 'PdfObject',
  components: {

  },
  props: {
    urls: {
      type: String,
      default: ''
    },
    options: {
      type: Object,
      default: () => {
        return {
          with: '100%',
          height: '600px',
          type: 'application/pdf',
          pdfOpenParams: {
            pagemode: 'thumbs',
            // view: 'FitV', // FitV FitH
            // toolbar: 0,
            // navpanes: 0
          }
        }
      }
    }
  },
  data() {
    return {
    }
  },
  mounted() {
    PDFObject.embed(this.urls, '#pdfObject-compontent', this.options)
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
// ::v-deep #toobar{
//   #end{
//     display: none!important;
//   }
// }
</style>

